/*
 * @Author       : zp
 * @Date         : 2021-06-08 10:23:27
 * @LastEditors  : ly
 * @LastEditTime : 2021-08-23 14:54:04
 * @Description  : 覆盖 ant‘s style
 */
.ant-input {
  color: #333;
}
.ant-select-selection,
.ant-input {
  border: 1px solid #ddd;
}
.search-container .ant-select-selection,
.search-container .ant-input {
  height: 36px;
  line-height: 36px;
  border-radius: 18px;
}
.search-container .ant-select-selection__rendered {
  line-height: 36px;
}
.ant-select-selection__placeholder,
.ant-select-search__field__placeholder {
  color: #cecece;
}
.search-container .ant-btn-round {
  height: 36px;
}
.ant-form-item-label > label {
  color: #666;
}

// 表格
.ant-table {
  color: #9e9e9e;
}
.ant-table-pagination.ant-pagination {
  margin-right: 28px;
}
.ant-table td {
  white-space: nowrap;
}
// 无数据时去除下面那一根线
.ant-table-placeholder {
  border-bottom: none;
}
.ant-spin-blur {
  .ant-table-placeholder {
    display: none;
  }
}

// 无数据时去除下面那一根线 居中表格无数据状态
.ant-table-empty .ant-table-header.ant-table-hide-scrollbar {
  background: #fff;
}
.ant-table-empty.ant-table-fixed-header
  .ant-table-scroll
  .ant-table-header::-webkit-scrollbar {
  border: none !important;
}
.ant-spin-blur {
  .ant-table-placeholder {
    display: none;
  }
}

//表格空白状态居中
.ant-table-wrapper {
  .ant-table-placeholder {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    border: none !important;
    transform: translate(-50%, -50%);
  }
}

// * 自定义滚动条，解决ant design table 使用fixed固定列，行内容不一致以及多滚动条问题
// * -----------start---------------
.ant-table-thead > tr > th {
  color: #666;
  // background: #fff !important;
  white-space: nowrap !important; // 防止IE等浏览器不支持'max-content'属性 导致内容换行
  background: #fafafa !important;
  border-bottom: 1px solid #e8e8e8;
}
//为表格设置横向滚动条，添加以下样式
&::-webkit-scrollbar {
  width: 6px; /* 高宽分别对应横竖滚动条的尺寸 */
  height: 6px;
}
&::-webkit-scrollbar-thumb {
  background: rgba(144, 147, 153, 0.5);
  border-radius: 6px;
}
&::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 5px;
}
// * -----------end---------------

// Moddal
.ant-modal-header {
  border-bottom-color: #eee;
}
.ant-modal-body {
  max-height: 600px;
  overflow-y: scroll;
}
.ant-modal-footer {
  border-top-color: #eee;
}
.ant-modal-title {
  color: #333;
}
.isFooter .ant-modal-content .ant-modal-footer {
  display: none;
}
.removePadding .ant-modal-body {
  padding: 0;
}

.table-container .pagination-container {
  padding: 0 20px;
}
